<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head><title>Interaction on a map with search results</title>
      <link rel="stylesheet" type="text/css" href="../../ext/resources/css/ext-all.css" />
      <link rel="stylesheet" type="text/css" href="../resources/css/metadata-view.css" />
      
      <script type="text/javascript" src="../../ext/adapter/ext/ext-base.js"></script>
      <script type="text/javascript" src="../../ext/ext-all-debug.js"></script>
      <script type="text/javascript" src="../../OpenLayers/lib/OpenLayers.js"></script>
      <script type="text/javascript" src="../../GeoExt/lib/overrides/override-ext-ajax.js"></script>
      <script type="text/javascript" src="../../GeoExt/lib/GeoExt.js"></script>
      <script type="text/javascript" src="../lib/GeoNetwork.js"></script>
      <script type="text/javascript" src="example.js"></script>
      <script type="text/javascript" src="map-results.js"></script>
  </head>
    <body>
        <h1>Interaction on a map with search results</h1>
        <p>This example show how to link a metadata search results view to a GeoExt mappanel.
        A layer is added to the map in order to draw bounding box for each record found 
        (multiple bounding box will be group in a multipolygon feature if needed). On mouse over
        the bounding box is highlighted on the map and When double
        click on a record, the map zoom to the extent of the record. 
        </p>
        <div id="search-form"></div>
        
        <div id="metadata-view-full" class="md-view" style="float:left"></div>
        <div id="info"></div>
        
        <div id="mappanel" class="md-map-view" style="float:right"></div>
    </body>
</html>